﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link type="text/css" rel="stylesheet" media="all" href="../styles/global.css"/>
    <link type="text/css" rel="stylesheet" media="all" href="../styles/global_color.css"/>
    <script src="../js/jquery-3.2.1.js"></script>
    <script language="javascript" type="text/javascript">
        $.ajax({
            url: "/selectAllModules",
            type: "post",
            success: function (result) {
                console.log(result)

                if (result.indexOf("角色管理") == -1) {
                    document.getElementById("lia1").style.display = "none"
                }
                if (result.indexOf("管理员管理") == -1) {
                    document.getElementById("lia2").style.display = "none"
                }
                if (result.indexOf("资费管理") == -1) {
                    document.getElementById("lia3").style.display = "none"
                }
                if (result.indexOf("账务账号管理") == -1) {
                    document.getElementById("lia4").style.display = "none"
                }
                if (result.indexOf("业务账号管理") ==-1) {
                    document.getElementById("lia5").style.display = "none"
                }
                if (result.indexOf("账单管理") ==-1) {
                    document.getElementById("lia6").style.display = "none"
                }
                if (result.indexOf("报表管理") == -1) {
                    document.getElementById("lia7").style.display = "none"
                }
            }
        });


        $.ajax({
            url:"allmodule",
            type:"post",
            success:function (result) {
                for (var i in result){
                    var module = result[i]
                    $("#ul").append("<li><input type=checkbox name=message value="+module.moduleId+" />"+module.name+"</li>")
                }
            }
        })

        //保存成功的提示消息
        function showResult() {
            var modules=new Array();
            $("input[name=message]").each(function (i,d){
                if(d.checked) {
                    modules.push(d.value);
                }
            })

            if(modules.length<1){
                alert("您没有选中项!");
            }else if($("#name").val() == null) {
                alert("请输入名称")
            }else {
                console.log(modules)
                $.ajax({
                    url: "addrole",
                    type: "post",
                    data: {
                        name:$("#name").val(),
                        module: modules
                    },
                    success:function (result) {
                        console.log(result.code)
                            alert(result.message)
                            window.location.href = "/rolelist";


                    }
                })
            }
        }

        function showResultDiv(flag) {
            var divResult = document.getElementById("save_result_info");
            if (flag)
                divResult.style.display = "block";
            else
                divResult.style.display = "none";
        }
    </script>
</head>
<body>
<!--Logo区域开始-->
<div id="header">
    <img src="../images/logo.png" alt="logo" class="left"/>
    <a href="/logout">[退出]</a>
</div>
<!--Logo区域结束-->
<!--导航区域开始-->
<div id="navi">
    <ul id="menu">
        <li><a href="../index.html" class="index_off"></a></li>
        <li id="lia1"><a href="rolelist" class="role_on"></a></li>
        <li id="lia2"><a href="adminlist" class="admin_off"></a></li>
        <li id="lia3"><a href="fee" class="fee_off"></a></li>
        <li id="lia4"><a href="accountlist" class="account_off"></a></li>
        <li id="lia5"><a href="servicelist" class="service_off"></a></li>
        <li id="lia6"><a href="bill" class="bill_off"></a></li>
        <li id="lia7"><a href="report" class="report_off"></a></li>
        <li><a href="userinfo" class="information_off"></a></li>
        <li><a href="changepsw" class="password_off"></a></li>
    </ul>
</div>
<!--导航区域结束-->
<!--主要区域开始-->
<div id="main">
    <!--保存操作后的提示信息：成功或者失败-->
    <div id="save_result_info" class="save_success">保存成功！</div><!--保存失败，角色名称重复！-->
    <form action="" method="" class="main_form">
        <div class="text_info clearfix"><span>角色名称：</span></div>
        <div class="input_info">
            <input type="text" class="width200" id="name"/>
            <span class="required">*</span>
            <div class="validate_msg_medium">不能为空，且为20长度的字母、数字和汉字的组合</div>
        </div>
        <div class="text_info clearfix"><span>设置权限：</span></div>
        <div class="input_info_high">
            <div class="input_info_scroll">
                <ul id="ul">
                    <!--<li><input type="checkbox" name="message" value="1"/>管理员管理</li>-->
                    <!--<li><input type="checkbox" name="message" value="2"/>角色管理</li>-->
                    <!--<li><input type="checkbox" name="message" value="3"/>资费管理</li>-->
                    <!--<li><input type="checkbox" name="message" value="4"/>账务账号</li>-->
                    <!--<li><input type="checkbox" name="message" value="5"/>业务账号</li>-->
                    <!--<li><input type="checkbox" name="message" value="6"/>账单</li>-->
                    <!--<li><input type="checkbox" name="message" value="7"/>报表</li>-->
                </ul>
            </div>
            <span class="required">*</span>
            <div class="validate_msg_tiny">至少选择一个权限</div>
        </div>
        <div class="button_info clearfix">
            <input type="button" value="保存" class="btn_save" onclick="showResult();"/>
            <input type="button" value="取消" class="btn_save" onclick="location.href='rolelist'" />
        </div>
    </form>
</div>
<!--主要区域结束-->
<div id="footer">
    <span>[源自北美的技术，最优秀的师资，最真实的企业环境，最适用的实战项目]</span>
    <br/>
    <span>版权所有(C)云科技有限公司 </span>
</div>
</body>
</html>
